<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>{{ title }}</title>
<link rel="shortcut icon" href="http://timesofindia.indiatimes.com/icons/toifavicon.ico">
<style type="text/css">
body{
text-align:center;
background: #C0DEED url(http://a3.twimg.com/a/1261078355/images/bg-clouds.png) repeat-x;
background-image: url(http://a3.twimg.com/a/1261078355/images/bg-clouds.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #C0DEED;
}
.container{
margin:1.5em auto;
position:relative;
width:763px;
text-align:left;
}
.header{
text-align:right;
}
.links{
display:inline-block;
padding:5px;
}
.round{
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
a{display:inline;text-decoration:none;color:#2276BB;}
a:hover{text-decoration:underline;}
.banner{text-align:center;/*color:#0281E2;*/position:absolute;left:5;background-color:white;width:260px;padding-left:0px;top:-5px;}
.content{margin-top:15px;background-color:#ffffff;padding:15px;text-align:left;}
</style>
</head>
<body style="text-align: center;">

	<div class="container round" style="padding:15px;width: 805px;margin: 1em auto;text-align: left;position: relative;">
	<!-- 	<div style="text-align: center;">
		<a href="http://toihead.appspot.com"><img src="header.png"></img></a>
		</div> -->
		<div class="header round">
				<h1 class="round banner">TOI Headlines</h1>
				<ul style="display:inline-block;white-space:no-wrap;background-color:white;padding:0 0.7em;" class="round">
					<li class="links"><a href="http://twitter.com">Twitter</a></li>
				</ul>
			</div>
			<div class="round" style="background-color: #ffffff;">
		<div style="width:525px;" class="content round">
			<h2 style="font: cursive;">
				{{title}}
			</h2>
		    <div style="margin-top: 30px;font-size:13.5px;line-height:20px;font-family:Arial;">
		    	<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=752b6a72-7ce5-4ec9-891c-a5b5f1b1ee39&amp;type=website"></script>
		    	<br />
		    {{content}}<br/>
		    	<script type="text/javascript"><!--
					google_ad_client = "pub-4636190426913391";
					/* 728x90, created 12/12/09 */
					google_ad_slot = "9701308222";
					google_ad_width = 763;
					google_ad_height = 90;
					//-->
				</script>
				<script type="text/javascript"
					src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script>
	       		
                Original Link: <a href="{{url}}">{{url}}</a><br />
                
	       	</div>
			
	       	
	    </div>
		<div class="right round" style="position: absolute;top: 120px;left: 560px;width: 255px;">

			<div id="tweet_widget">
	    		<script src="http://widgets.twimg.com/j/2/widget.js"></script>
                        <script>
                        new TWTR.Widget({
                          version: 2,
                          type: 'profile',
                          rpp: 5,
                          interval: 6000,
                          width: 250,
                          height: 400,
                          theme: {
                            shell: {
                              background: '#333333',
                              color: '#ffffff'
                            },
                            tweets: {
                              background: '#000000',
                              color: '#ffffff',
                              links: '#4aed05'
                            }
                          },
                          features: {
                            scrollbar: false,
                            loop: false,
                            live: false,
                            hashtags: true,
                            timestamp: true,
                            avatars: false,
                            behavior: 'default'
                          }
                        }).render().setUser('toihead').start();
                        </script>
	    	</div>
		</div><!-- right -->
		</div>
    </div> 
    <script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-5769389-15");
		pageTracker._trackPageview();
		} catch(err) {}
	</script>
</body>
</html>